#productPresentation {
    .show_nav_list_f {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5000;
        background: rgba(0, 0, 0, .4);
        .show_nav_list_img_down {
            position: absolute;
            z-index: 9999;
            right: .2rem;
            top: .44rem;
            width: .36rem;
            height: .36rem;
            transform: rotate(180deg);
        }
        .show_nav_list {
            background: white;
            padding: .32rem .29rem .12rem .29rem;
            flex-wrap: wrap;
            border-bottom: 1px solid #FAFAFA;
            display: flex;
            .header_list {
                margin-bottom: .24rem;
                background: #F0F0F0;
                color: #333333;
                font-size: .26rem;
                width: 2rem;
                height: .6rem;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: .2rem;
                border-radius: .3rem;
                &:nth-child(3n) {
                    margin-right: 0;
                }
            }
            .active_list {
                background: #DCBBC9;
                color: white;
            }
        }
    }
    .yd-list-donetip {
        background: white;
    }
    .header_f {
        width: 100%;
        position: relative;
        .header_f_c {
            overflow: auto;
        }
        .header {
            width: fit-content;
            padding: .32rem .29rem .12rem .29rem;
            //      flex-wrap: wrap;
            border-bottom: 1px solid #FAFAFA;
            display: flex;
            .header_list {
                margin-bottom: .24rem;
                background: #F0F0F0;
                color: #333333;
                font-size: .26rem;
                width: 2rem;
                height: .6rem;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: .2rem;
                border-radius: .3rem;
                &:nth-child(3n) {
                    // margin-right: 0;
                }
                &:last-child {
//                  margin-right: 0.76rem;
                }
            }
            .header_list_f{
                &:last-child {
                    margin-right: 0.56rem;
                }
            }
            .active_list {
                background: #DCBBC9;
                color: white;
            }
        }
        .header_img_down_f {
            width: .76rem;
            height: 99.99%;
            top: 0;
            right: 0;
            position: absolute;
            z-index: 15;
            display: flex;
            align-items: center;
            justify-content: center;
            background: white;
            .header_img_down {
                width: .36rem;
                height: .36rem;
            }
        }
    }
    .content {
        .list_f {
            display: flex;
            flex-wrap: wrap;
        }
        padding: .32rem;
        .list {
            margin-bottom: .32rem;
            overflow: hidden;
            width: 50%;
            .list_img {
                width: 3.33rem;
//              height: 2.49rem;
                height: 3.33rem;
                border-radius: .1rem;
                margin-bottom: .17rem;
                border: 1px solid #E6E6E6;
            }
            .list_label {
                font-size: .3rem;
                line-height: .42rem;
                color: #4D4D4D;
                width: 3.33rem;
            }
            &:nth-child(2n) {
                display: flex;
                justify-content: flex-end;
            }
        }
    }
}